<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <link href="/styles/base.css" rel="stylesheet" type="text/css">
  <link href="/styles/wenda.css" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/styles/wenda_detail.css">
  <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
  <link href="/js/plugins/datepicker/datepicker.css" rel="stylesheet">
  <link href="/styles/question.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="/js/jquery/jquery.js"></script>
  <script type="text/javascript" src="/js/system/common.js"></script>
  <script type="text/javascript" src="/js/system/index.js"></script>
  <script type="text/javascript" src="/js/system/wenda.js"></script>
  <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
  <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
  <script>
    $(function () {

      searchQuestionList();

      $("._j_change_type").click(function () {

        var type = $(this).data("type");
        if (type != 2){
          $("#order").val(type);
        }else {
          $("#filter").val(type);
        }


        //修改样式
        $("._j_change_type").removeClass("on");
        $(this).addClass("on");

        // 设置选中的列表状态
        var type=$(this).data("type");
        $("#searchForm input[name=type]").val(type);

        // 查询相关数据
        searchQuestionList();
      })

    })

    function searchQuestionList() {
      // 查询相关数据
      $("#searchForm").ajaxSubmit(function (data) {
        $("#problem_content").html(data);
      })
    }
  </script>

</head>

<body style="position: relative;">

<#assign currentNav="wenda">
<#include "../common/navbar.ftl">

<div class="wrapper wrapper-new" data-cs-t="wenda">

  <div class="col-main">

    <div class="i-main">
      <div class="mt-nav clearfix i_link">
        <a href="http://localhost:8888/wenda">问答首页</a>
        <em></em>
        <div class="drop-mine _j_crumb_my">
          <a class="drop-hd" href="http://localhost:8888/wenda/wendaDetail?id=1" target="_blank"><i></i>我的问答</a>
          <ul class="drop-bd" style="display: none;">
            <li><a href="/wenda/u/81730598/question.html" target="_blank">我的提问</a></li>
            <li><a href="/wenda/u/81730598/answer.html" target="_blank">我的回答</a></li>
            <li><a href="/wenda/u/81730598/solution.html" target="_blank">为我推荐的提问</a></li>
          </ul>
        </div>
        <em></em>
        <a href="/qa/expert.php">指路人</a>
        <em></em>
        <a href="/mall/" target="_blank">马蜂窝商店<i class="ask_hot_ico"></i></a>
        <span class="title"></span>
      </div>


      <form action="/wenda/questionList" method="post" id="searchForm">
        <input type="hidden" name="type" value="0">
        <input type="hidden" name="currentPage" value="1">

        <div class="search-box">
          <div class="search-panel" data-cs-t="wenda">
            <div class="clearfix _j_suggest_hd">
              <div class="sp-input">
                <input type="text" name="keyword" id="_j_wenda_seach_input" value=""
                       placeholder="提问前请先搜索，看看你的问题其他蜂蜂是否已经问过">
              </div>
              <input type="button" id="_j_wenda_seach_button" class="sp-button" onclick="searchQuestionList()">
            </div>
          </div>
        </div>
      </form>
    </div>

    <div class="newcate-wrap _j_qa_list">
      <div class="hd">
        <#--<ul class="cate-tab">
          <li class="_j_change_type on" data-type="0">
            <a href="javascript:;" class="orderBy" data-sort="1" style="margin-right: 20px;">
              热门问题
            </a>
          </li>
          <li class="_j_change_type " data-type="1">
            <a href="javascript:;"  class="orderBy" data-sort="2" >
              最新问题
            </a>
          </li>
          <li class="_j_change_type " data-type="2">
            <a href="javascript:;"  class="orderBy" data-sort="3" >
              待回答问题
            </a>
          </li>
        </ul>
        <script>
          $("._j_change_type").removeClass("on")

          var type;
          if(${(qo.filter)!0} == 2){
            type = 2;
          }else if ('w.viewnum desc' == '${qo.order}'){
            type = 0;
          }else if('w.createTime desc' == '${qo.order}'){
            type = 1;
          }
          $("._j_change_type[data-type=" + type + "]").addClass("on")
        </script>-->

      </div>

      <div class="bd newcate-bd" id="problem_content">


      </div>

      <!--  分页组件 -->
      <div class="_j_pager" style="display: none">

        <div class="ft ft_load_btn">
          <div class="answer-more _j_add_more_button ">
            <a>加载更多<i></i></a>
          </div>
        </div>

        <div class="ft ft_loading _j_add_loading_button hide">
          <div class="answer-loading">正在加载<i></i></div>
        </div>
      </div>
    </div>
  </div>


  <div class="col-side">

    <div class="i-ask">
      <a href="/wenda/input" class="btn-ask btn-ask2" target="_blank"><i></i>我要提问</a>
    </div>


    <div class="i_total">

      <div class="i_total" data-cs-t="wenda">
        <div class="mod mod-slide _j_slide">
          <ul class="slide-img _j_slide_img" data-cs-p="topic_recommend_pic">
            <li style="display: none;">
                                <span><a target="_blank" href="https://imfw.cn/l/26765236"><img
                                            src="https://n3-q.mafengwo.net/s13/M00/02/F6/wKgEaVx2WNSATa4-AADhkqCkWA468.jpeg"></a></span>
              <h3><a target="_blank" href="https://imfw.cn/l/26765236">坐飞机应如何挑选到好座位？</a></h3>
            </li>
            <li style="display: none;">
                                <span><a target="_blank" href="http://www.mafengwo.cn/i/11229838.html"><img
                                            src="https://p2-q.mafengwo.net/s12/M00/BA/6B/wKgED1v3qo6AZ_5BAADecMeJWIo38.jpeg"></a></span>
              <h3><a target="_blank" href="http://www.mafengwo.cn/i/11229838.html">法国指路人面基</a></h3>
            </li>
            <li style="display: list-item;">
                                <span><a target="_blank" href="https://imfw.cn/l/20198985"><img
                                            src="https://n4-q.mafengwo.net/s12/M00/AD/19/wKgED1u7Dz2Af3AGAADIIpXjeuo88.jpeg"></a></span>
              <h3><a target="_blank" href="https://imfw.cn/l/20198985">人少好玩地推荐</a></h3>
            </li>
          </ul>
          <div class="slide-trigger" id="_j_slide_btn">
            <span class="" data="0"></span>
            <span data="1" class=""></span>
            <span data="2" class="on"></span>
          </div>
        </div>
      </div>


      <div class="i_num">
        共<span id="q_total">4273069</span>问题<span id="u_total">8787340</span>人参与
      </div>
    </div>


    <div class="rank _j_rank" style="margin-top: 20px;">
      <div class="hd">排行榜
        <#--<ul class="tab-time">
          <li class="_j_rank_change_date" data-type="0"><span>今日</span></li>
          <li class="_j_rank_change_date" data-type="1"><span>本周</span></li>
          <li class="_j_rank_change_date on" data-type="2"><span>本月</span></li>
        </ul>-->
      </div>
      <div class="bd">
        <ul class="tab-num" data-cs-p="rank_list">
          <li class="on _j_rank_change_flag" data-rank="0" data-cs-d="金牌数">金牌数</li>
          <li class="_j_rank_change_flag" data-rank="1" data-cs-d="回答数">回答数</li>
          <li class="_j_rank_change_flag" data-rank="2" data-cs-d="被顶次数">被顶次数</li>
        </ul>
        <ul class="rank-list _j_rank_list">

          <#--<#list comments as vo>
            <li class="r-top r-top${vo_index+1} clearfix">
              <em class="num">${vo_index+1}</em>
              <div class="user no_qid">
                <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img
                          src="${vo.userInfo.headImgUrl}"></a>
                <span class="name"><a href="javascript:;" target="_blank"
                                      rel="nofollow">${vo.userInfo.nickname}</a></span>
                <span class="level"><a href="javascript:;" target="_blank"
                                       rel="nofollow">LV.${vo.userInfo.level}</a></span>
              </div>
              <span class="num">${vo.answernum}</span>
            </li>
          </#list>-->



          <li class="r-top r-top1 clearfix">
            <em class="num">1</em>
            <div class="user no_qid">
              <a class="avatar" href="https://www.mafengwo.cn/u/48815577.html" target="_blank" rel="nofollow"><img
                        src="https://p3-q.mafengwo.net/s14/M00/8F/63/wKgE2l1aKruAVrksAACwtGWPDb413.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90">

              </a>
              <span class="name"><a href="https://www.mafengwo.cn/u/48815577.html" target="_blank" rel="nofollow">李歆澄</a></span>
              <span class="level"><a href="https://www.mafengwo.cn/u/48815577.html" target="_blank" rel="nofollow">LV.18</a></span>
            </div>
            <span class="num">12</span>
          </li>

          <li class="r-top r-top2 clearfix">
            <em class="num">2</em>
            <div class="user no_qid">
              <a class="avatar" href="https://www.mafengwo.cn/u/lulu0527.html" target="_blank" rel="nofollow"><img
                        src="https://b1-q.mafengwo.net/s10/M00/BE/F2/wKgBZ1jIxTiAdVNnAADq2Tec7yw85.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90"></a>
              <span class="name"><a href="https://www.mafengwo.cn/u/lulu0527.html" target="_blank" rel="nofollow">樱桃之远</a></span>
              <span class="level"><a href="https://www.mafengwo.cn/u/lulu0527.html" target="_blank" rel="nofollow">LV.18</a></span>
            </div>
            <span class="num">8</span>
          </li>

          <li class="r-top r-top3 clearfix">
            <em class="num">3</em>
            <div class="user no_qid">
              <a class="avatar" href="https://www.mafengwo.cn/u/93014324.html" target="_blank" rel="nofollow"><img
                        src="https://b3-q.mafengwo.net/s14/M00/39/38/wKgE2l0mCS6ACvzdAEL4uNe38yo24.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90"></a>
              <span class="name"><a href="https://www.mafengwo.cn/u/93014324.html" target="_blank" rel="nofollow">被遗忘的时光</a></span>
              <span class="level"><a href="https://www.mafengwo.cn/u/93014324.html" target="_blank" rel="nofollow">LV.23</a></span>
            </div>
            <span class="num">6</span>
          </li>

          <li class="r-top r-top4 clearfix">
            <em class="num">4</em>
            <div class="user no_qid">
              <a class="avatar" href="https://www.mafengwo.cn/u/61918630.html" target="_blank" rel="nofollow"><img
                        src="https://n4-q.mafengwo.net/s14/M00/97/50/wKgE2l1AY0uAC2zcAAU7-u0BGwA85.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90"></a>
              <span class="name"><a href="https://www.mafengwo.cn/u/61918630.html" target="_blank" rel="nofollow">菠菜鱼丸君</a></span>
              <span class="level"><a href="https://www.mafengwo.cn/u/61918630.html" target="_blank" rel="nofollow">LV.11</a></span>
            </div>
            <span class="num">3</span>
          </li>

        </ul>
      </div>
    </div>
  </div>

</div>


<!-- 尾部内容 -->
<#include "../common/footer.ftl">
</body>

</html>